/*初始化区域滚动组件 区域 */
mui('.mui-scroll-wrapper').scroll({
    indicators: false//禁用滚动条
});

$(function () {
    /*1.约定一个键  leTaoHistory 值存的是json格式的字符串*/
    /*2.通过这个键获取值 如果有就使用 如果没有默认空数组的字符串*/
    var historyList = getHistoryData();
    var html = template('historyTpl', { list: historyList });
    $('.lt_history').html(html);


    /*2点击搜索*/
    $('.search_btn').on('tap', function () {
        /*获取关键字*/
        var key = $.trim($('.search_input').val());
        /*如果用户没有输入*/
        if (!key) {
            /*提示*/
            mui.toast('请输入关键字');
            return false;
        }
        /*记录这一次的搜索*/
        var arr = getHistoryData();

        if (arr.indexOf(key) > -1) {
            //有相同的
            var index = arr.indexOf(key);
            arr.splice(index, 1);
        } else {
            //没有相同的
            if (arr.length < 10) {
            } else {
                arr.shift();
            }
        }
        arr.push(key);
        /*存起来*/
        localStorage.setItem('leTaoHistory', JSON.stringify(arr));
        /*跳转搜索列表*/
        location.href = 'searchList.html?key=' + key;
    });


    /*3删除记录*/
    $('.lt_history').on('tap', '.mui-icon', function () {
        /*1.获取索引*/
        var index = $(this).attr('data-index');
        /*2.获取数据*/
        var arr = getHistoryData();
        /*3.删除数据*/
        arr.splice(index, 1);
        /*4.存储数据*/
        localStorage.setItem('leTaoHistory', JSON.stringify(arr));
        /*5.重新渲染*/
        $('.lt_history').html(template('historyTpl', { list: arr }));
    });
});


/*获取存储数据*/
var getHistoryData = function () {
    /*1.约定一个键  leTaoHistory 值存的是json格式的字符串*/
    /*2.通过这个键获取值 如果有就使用 如果没有默认空数组的字符串*/
    var str = localStorage.getItem('leTaoHistory') || '[]';
    /*3.转成成js数据*/
    var arr = JSON.parse(str);
    /*4.返回js可操作的数组*/
    return arr;
}
